<template>
  <div>
    <div class="flex justify-end items-center mt-2">
      <!-- store.radioKey  //0 在院  1 已出院 -->
      <a-button type="primary" class="mr-2" :disabled="store.radioKey" @click="onClickAdd()">新增申请单</a-button>
    </div>
    <div v-for="item in 10" :key="item" class="mt-5 mb-2 border border-solid">
      <div class="h-12 border-b border-solid flex items-center">
        <div class="projectName truncate">
          <a-tooltip placement="topLeft" title="X线检查"> X线检查 </a-tooltip>
        </div>
        <div class="ml-12">申请时间：2022-10-11 12:12:12</div>
        <div class="ml-20">申请医生：张三</div>
      </div>
      <div class="h-16 flex items-center justify-around">
        <div>颈部 /胸部</div>
        <div>颈部正侧位/颈部侧位</div>
        <div>新申请</div>
        <div>报告时间：2022-10-11 12:12:12</div>
        <div>
          <a-button type="link" :disabled="store.radioKey" size="small"> 查阅报告 </a-button>
          <a-divider type="vertical" />
          <ConfirmModal description="确定作废?">
            <a-button type="text" danger :disabled="store.radioKey" size="small" @click="onHandleDoRegister(record)"> 作废申请 </a-button>
          </ConfirmModal>

          <a-divider type="vertical" />
          <a-button type="link" :disabled="store.radioKey" size="small"> 调阅影像 </a-button>
          <a-divider type="vertical" />
          <a-button type="link" :disabled="store.radioKey" size="small"> 打印单据 </a-button>
        </div>
      </div>
    </div>
  </div>
  <!-- <ApplicationFormAdd v-model:open="open" /> -->
</template>
<script setup>
import { ref } from 'vue'
import ConfirmModal from '@/components/ConfirmModal'
import useStore from '../../store'

const store = useStore()
const open = ref(false)

const onClickAdd = () => {
  open.value = true
}
</script>
<style lang="less" scoped>
.projectName {
  width: 230px;
  padding: 0 5px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}
</style>
